.cpe-notice { padding: 12px 16px; border-radius: 4px; margin: 8px 0; }
.cpe-notice-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.cpe-notice-warning { background: #fff3cd; color: #856404; border: 1px solid #ffeeba; }
.cpe-notice-nudge   { background: #e3f2fd; color: #0d3a72; border: 1px solid #b6daff; font-size: 14px; }

/* ---------------------------------------------------------------------------
   v1.6.2 (reporting spec §3) — helper classes for promo text.
   The merchant can use these inside [cenexa_pe_promo] text; `class` is the only
   attribute wp_kses permits, so styling lives here rather than inline. That
   keeps campaigns visually consistent and makes a rebrand one CSS edit instead
   of an edit to every campaign.

   IMPORTANT: these must style ONLY .cpe-promo-content and its children, never
   .cpe-promo-placeholder. The placeholder is an empty div that must collapse to
   nothing when a promo is hidden (spec §4) — giving it padding, margin or a
   border would make a hidden promo occupy space on the page.
   --------------------------------------------------------------------------- */
.cpe-promo-content .cpe-highlight {
    background: #fff3cd;
    padding: 0 .25em;
    border-radius: 3px;
}
.cpe-promo-content .cpe-center {
    display: block;
    text-align: center;
}
.cpe-promo-content .cpe-note {
    font-size: .875em;
    opacity: .75;
}
.cpe-promo-content .cpe-box {
    display: block;
    border: 1px solid currentColor;
    border-radius: 4px;
    padding: .6em .8em;
}
.cpe-promo-content .cpe-promo-line {
    margin: 0 0 .5em;
}
.cpe-promo-content .cpe-promo-line:last-child {
    margin-bottom: 0;
}